<template>
    <div class="footer">
      <div class="container">
        <div>
          <ul>
            <li>解决方案</li>
            <li>大数据</li>
            <li>云计算</li>
          </ul>
        </div>
        <div >
          <ul>
            <li>用户中心</li>
            <li>客户服务</li>
            <li>长期合作战略规划</li>
            <li>远程技术支持</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>关于我们</li>
            <li>公司介绍</li>
            <li>加入我们</li>
            <li>公司动态</li>
          </ul>
        </div>
        <div class="col1">
          <ul>
            <li>联系我们</li>
            <li> Tel: 021-61260758</li>
            <li>E-mail:</li>
            <li>HR: yan.li@yechtech.com</li>
          </ul>
        </div>
      </div>
<!--      最后的声明-->
      <div class="last">
        沪ICP备XXXXXX号
      </div>
    </div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style lang="less" scoped>
.footer{
  border: 1px solid black;
  height: 360px;
  width: 100%;
  /*bottom: 0;*/
  background: #000;
  >.container{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: start;
    margin: 0 112.5px;
    padding: 54px 0 90px 0 ;
    color: #999999;
  }
  >.last{
    height: 36px;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    vertical-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #999999;
    border-top: 0.5px solid #f1f1f1;
  }
}
  ul>li:nth-child(1){
    color: white;
  }
  ul>li{
    margin: 9px 0;
  }
</style>
